<!doctype html>
<html lang="en">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>修改密码</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="Cache" content="no-cache">

    <link rel="stylesheet" href="/sui/css/sm.min.css">
    <link rel="stylesheet" href="/sui/css/sm-extend.min.css">

    <link href="/css/com/center/changePassword.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="page-group">
    <div class="page">
        <header class="bar bar-nav" >
            <a href="#" onclick="window.history.back(); return false;" class="external button button-link button-nav pull-left">
                <span class="icon icon-left"></span>
                返回
            </a>
        </header>
        <!-- 这里是页面内容区 -->
        <div class="content">
            <section class="aui-scrollView" >
                <div class="aui-code-box" >
                    <form  id="form" onsubmit="return false"  autocomplete="off">

                        <div class="content-block-title" id="reminder" style="margin-top: 0" >
                            <input type="tel"  class="aui-code-line-input" autocomplete="off"  disabled th:value="${userInfo.mobile}"></input></div>
                        <p class="aui-code-line-last aui-code-line-clear aui-code-line-validation" style="overflow: hidden">
                        <div style="overflow: hidden" class="aui-code-line aui-code-line-clear">
                            <input type="text" class="aui-code-line-input validation-input" name="code" id="code"   autocomplete="off" placeholder="请输入验证码" value="" style="border-right:1px solid #C4C4C4 ">
                            <button id="send-validation" style="touch-action: none;border: none">获取验证码</button>
                        </div>
                        </p>

                        <p class="aui-code-line" style="margin-top: 1rem">
                            <i class="aui-show  operate-eye-open new-pass"></i>
                            <input type="password" class="aui-code-line-input" value="" name="new-password" id="new-password" autocomplete="off" placeholder="请输入新密码"/>
                        </p>
                        <p class="aui-code-line aui-code-line-clear">

                            <i class="aui-show  operate-eye-open confirm"></i>
                            <input type="password" class="aui-code-line-input" name="confirm" id="confirm" placeholder="请确认新密码" value="">
                        </p>

                        <div class="aui-code-btn" >
                            <button id="save_btn">确认提交</button>
                        </div>
                    </form>
                </div>
            </section>
        </div>
    </div>

    <script type='text/javascript' src='/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/sui/js/sm-extend.min.js' charset='utf-8'></script>
    <script type="text/javascript" src="/js/com/center/changePassword.js"></script>
</div>


  </body>
</html>

